<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>二级分类页面</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/ej_class.css" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap-theme.min.css">
<script src="<%=request.getContextPath() %>/js/jquery-1.11.2.min.js"></script>
<script src="<%=request.getContextPath() %>/js/bootstrap.min.js"></script>
</head>
<body>
<div class="top">
	<div class="w_980 m">
    	<div class="top_about">
        <div class="fl_l">您好，欢迎来到乐扣商城！[<a href="" class="redfont">请登录</a>]，新用户？[<a href="" class="redfont">免费注册</a>]</div>  
  <ul class="fl_r">
        	<li><a href="">我的订单</a></li>
        	<li><a href="">我的乐酷</a></li>
        	<li><a href="">我的积分</a></li>
        	<li class="bg_none"><a href="">帮助中心</a></li>                                    
        </ul>
        </div>
    </div>
</div>
<div class="w_980 m">
	<div class="logo fl_l"><a href=" "><img src="images/logo.jpg" width="162" height="50" /></a></div>
	<div class="nav fl_l">
    	<ul>
       	  <li class="select"><a href="">首页</a></li>
       	  <li><a href="">潮流饰品</a></li>
       	  <li><a href="">流行女装</a></li>
       	  <li><a href="">流行男装</a></li>
       	  <li><a href="">流行女装</a></li>
       	  <li><a href="">流行男装</a></li>                                               
        </ul>
    </div>
</div>
<div style="clear:both;"></div>
<div class="nav_bg">
	<div class="w_980 m">
    	<div class="class_wzk fl_l" style="position:relative;" onmouseover="switchStatus('classbox');" onmouseout="switchStatus('classbox');"><a  href="#">全部商品分类</a>
        <div class="class_c" style=" position:absolute; left:0; top:32px; display:none" id="classbox">
    	<ul>
        	<li>・ <a href="">美容化妆</a></li>
            <li>・ <a href="">个人护理</a></li>
            <li>・ <a href="">服装鞋帽</a></li>
            <li>・ <a href="">营养保健</a></li>
            <li>・ <a href="">办公用品</a></li>
            <li>・ <a href="">清洁用品</a></li>
            <li>・ <a href="">母婴用品</a></li>
            <li>・ <a href="">首饰大全</a></li>
        </ul>
    </div>
        </div>
    	<input name="" type="text" class="search_input fl_l" value="" /><input name="" type="button" class="search_btn fl_l" value="搜索" onfocus="this.blur()" /> 
      <div class="search_word fl_l"><a href="">潮流女装</a> <a href="">母婴用品</a> <a href="">电影票</a></div>
      <div class="gwc_num fl_l">购物车 <b>0</b> 件</div>
        <div class="gwc_btn fl_l"><a href="">去结算>></a></div>    
  </div>
</div>
<div class="w_980 m">
<div class="w_980 fl_l ma_t10"><img src="images/ad8.jpg" width="980" height="60" /></div>
<div class="w_980 fl_l">
  <div class="w_200 fl_l">
    <div class="ejfl_c ma_t10">
    	<div class="ejfl_title">美容化妆</div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">个人护理</a></div>
              <ul class="ejfl_text">
                <li><a href="">薯片</a></li>
                <li> | </li>
                <li><a href="">膨化食品</a></li>
                <li> | </li>
                <li><a href="">肉松</a></li>
                <li> | </li>
                <li><a href="">鸡鸭禽类</a></li>
                <li> | </li>
                <li><a href="">蜜饯</a></li>
                <li> | </li>
                <li><a href="">果冻/ 布丁/龟苓膏</a></li>
                <li> | </li>
                <li><a href="">爆米花</a></li>
            </ul>            
          </div>                                        
                                                                      
    </div>
    </div>
  <div class="w_770 fl_r">
 <div class="row">
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
     <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="#" class="thumbnail">
            <img src="<%=request.getContextPath() %>/products/1/cs10001.jpg"
                 alt="通用的占位符缩略图">
        </a>
    </div>
</div>
  </div>
</div>
<div class="bottom fl_l ma_t10">
<div class="footlink">
    	<div class="footlinkt">配送范围</div>
        <ul>
        	<li><a href="">上海 |  北京 |  其他地区</a></li>
        	<li><a href="">配送费收取标准</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">服务说明</div>
        <ul>
        	<li><a href="">付款方式</a></li>
        	<li><a href="">服务协议 </a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">我的订单</div>
        <ul>
        	<li><a href="">查询订单</a></li>
        	<li><a href="">如何下订单</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">售后服务</div>
        <ul>
        	<li><a href="">退换货原则</a></li>
        	<li><a href="">在线客服区</a></li>
        	<li><a href="">在线客服区</a></li>                         
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">需要帮助</div>
        <ul>
        	<li><a href="">忘记密码</a></li>
        	<li><a href="">常见问题</a></li> 
        	<li><a href="">联系客服人员</a></li>
        	<li><a href="">抵用券使用说明</a></li>                         
        </ul>
    </div>
</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic1">
    	<li><a href=" "><img src="images/wmjl.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="images/mbby.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="images/gkzs.jpg" width="217" height="49" /></a></li>
    </ul>
</div>
<div class="w_980 fl_l ma_t10 te_m">关于我们 | 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 移动终端 | 友情链接 | 销售联盟
<br />北京市公安局海淀分局备案编号：11010233381  京ICP证070的4523号  
<br />Copyright2004-2011  乐酷商城 版权所有</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic">
    	<li><a href=" "><img src="images/footer_pic_04.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_05.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_06.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_07.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="images/footer_pic_09.gif" width="91" height="31" /></a></li> 
    	<li><a href=" "><img src="images/footer_cnnic.jpg" width="91" height="31" /></a></li>                                         
    </ul>
</div>
</div>
</body>
</html>
